<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../css/common.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../../css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="../../css/aui-slide.css" />
    <style>
        body {
            margin: 0
        }
        #header_top {
          background: #f23030
        }
        #header_top .aui-icon-left,
        #header_top .aui-title,
        #header_top .aui-icon-search {
          color: #fff;
        }
    </style>
</head>

<body>
  <header class="aui-bar aui-bar-nav" id="header_top">
    <a class="aui-pull-left aui-btn" onclick="goback()">
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title"></div>
    <a class="aui-pull-right aui-btn">
        <!-- <span class="aui-iconfont aui-icon-search"></span> -->
    </a>
</header>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/zepto.js"></script>
<script type="text/javascript" src="../../script/vue.min.js"></script>
<script type="text/javascript" src="../../script/utils.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="../../script/aui-tab.js"></script>
<script type="text/javascript" src="../../script/aui-scroll.js"></script>
<script type="text/javascript" src="../../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../../script/swiper.min.js"></script>
<script type="text/javascript" src="../../script/aui-slide.js"></script>
<script type="text/javascript">
    function goback() {
      api.closeWin()
    }
    apiready = function () {
      var type = api.pageParam.type
      var name = api.pageParam.name
      var header_top = $api.byId('header_top');
  		var header_topPos = $api.offset(header_top);
      $('.aui-title').text(name)
      api.openFrame({
        name: type,
        url: './'+type+'.html',
        rect: {
          x:0,
          y:header_topPos.h,
          w:'auto',
          h:api.frameHeight - header_topPos.h
        },
        pageParam: {
            name: type
        }
      })
    }
</script>

</html>
